<{include file="top.html"}>
<link rel="stylesheet" type="text/css" href="<{$preStaticUrl}>Wap/css/editors.css"/>
</head>
<body>
<div class="xy-panel">
    <div class="xy-panel-content" style="bottom:0;">
        <div class="xy-row vDirectionRow">
            <div class="nav-box" style="background:#eee;">
                <ul class="nav-con" style="width:270px;">
                    <li class="nav-list" style="width:28%;"><a href="javascript:getData(1)">昨日数据</a></li>
                    <li class="nav-list" style="width:28%;"><a href="javascript:getData(2)">上周数据</a></li>
                    <li class="nav-list" style="width:28%;"><a href="javascript:getData(3)">上个月数据</a></li>
                    <li class="slider" style="width:28%;"></li>
                </ul>
            </div>
            <div class="RecordBox">
                <{include file="Editor/data.html"}>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script>
    $('.nav-list').click(function(){
        if ($(this).hasClass('slider')) {
            return;
        }
        var whatTab = $(this).index();
        var howFar = $(this).width() * whatTab+(whatTab*10);
        $(".slider").css({
            left: howFar + "px"
        });
    });

    function getData(e){
        var url = "<{U('Editor/getData')}>";
        $.getJSON(url,{date:e},function(data){
           $('.RecordBox').html('').append(data.dataHtml);
        });
    }

</script>